As Button Generator, es uno de los generadores más completos que he visto, permite dar forma al botón moldeando esquinas, añadiendo borde, brillo, texto, iconos, y por supuesto color.
Dispone de otra herramienta que le otorga un efecto rayado que podemos añadir con mayor o menor intensidad de color y separación de las líneas.
 |  |
|---|---|
 |  |
Me ha gustado mucho los generadores de bototones, "sigo tu blog como mi perro me sigue a mí"
Besos
hola Gema, en primer lugar te admiro por el trabajo que haces, ayudas a mucha gente y es de agradecer, te voy a hacer una consulta , tengo un blog de cocina y estoy haciendo un indice de dulce y otro de platos salados , me gustaria poner un boton como los que muestres que luego me lleve al post donde tengo el índice ¿como lo hago? Me gustaria un boton con una imagen que ponga Salado y pinche y me direccione a donde tengo todos los post salado , no se si me explico.
Habia tenido oportunidad de probar este generador y como tu muy bien dices es muy completo y útil.
Que tengas muy buen fin de semana.
Sisco
pues si que lo es... se ve bueno =D
Fotografo1953 ¡cuanto tiempo! eso quiere decir que te agrada, me alegra que así sea :)
Las pacas lo primero de todo darte las gracias por el comentario y después vamos a seguir los pasos para añadir ese botón.
Lo principal es crear el botón claro está, el diseño puede ser acorde con los colores del blog y una imagen pequeña tipo icono que identifique el botón con la etiqueta de salado o dulce.
Si las imágenes que tienes son muy grandes puedes usar el generador de favikon, conseguirás una tamaño icono.
Puedes verlo aquí
El texto y la imagen lo añades al mismo tiempo que creas el botón, una vez terminado lo guardas en tu PC.
Lo siguiente será crear el enlace:
Según en el sitio donde lo vas a añadir abrimos un elemento de página en HTML... y copiamos lo siguiente:
<a href="url-de-la-página"><img src="url-de-la-imagen"/></a>
Donde url-de-la-imagen tenemos que pegar la url de la imagen del botón, para conseguir la url debe ser alojada en un servidor que muy bien puede ser Blogger, en cualquier entrada puedes subirlo y luego, una vez copias la url de la imagen guardas esa entrada en borrador.
Queda añadir url-de-la-página para que te dirija a todos los pots salados imagino que tendrás una etiqueta de salados. Lo que hacemos es clicar en una etiqueta (salados) y nos mostrará todas las entradas con dicha etiqueta lo que hacemos es copiar la url de la barra del navegador que en ese momento nos muestra todas la etiquetas y pegarla donde dice "url-de-la-página"
De no tener la etiqueta salados la solución sería crear una entrada cuyo título sea salados por ejemplo, y en ella haces un listado donde irán las etiquetas "saladas" existentes en tu blog yal mismo tiempo serían un enlace a las recetas.
Naturalmente lo que menos trabajo te daría sería editar las entradas añadiendo "Dulce" y "Salado" como etiquetas además de la que ya tienen.
Cualquier cosa me mandas un mail y lo hacemos paso a paso ;)
Buen fin de semana para ti también Sisco ;)
Me alegra que te guste SDJRP ;)
Gem@ querida, por lo que veo nadie a tenido problemas con esta página que mencionas, soy la única :'(
Verás, me sale una ventanita diciendome si quiero instalar el Adobe Flash Player 10, yo tengo el 9, le doy a que si, me tiene un buen rato descargando... nada, no me descarga nada, y no me deja acceder a nada.
Me voy a la página de Adobe para instalarlo, lo descargo y resulta que es un plugin :S
Bueno ahora si puedo entrar, empiezo a configurar mi botón (solo para probar), no me admite ponerle texto, hay algo escrito en rojo como que eso no funciona.
Imagen si le agregué pero la coloca donde quiere, no se, hay otras funciones mas que tampoco me permite hacer nada :S
O soy muy burra (seguramente)o me falta algo en la pc, no se que pensar... :(
Sin funciona k_nelita aunque parece que hoy va más lento que ayer :(
La imagen hay que arrastrarla hasta dejarla donde deseas y el texto lo que hice fue marcarlo como cuando vas a copiar algo y así marcado escogí tipo de letra color ect...
Ante todo gracias por tu visita y comentarios en mi blog. es de agradecer ,saber que tuviste un hueco para tomarte un cafelito y ver la nueva plantilla. Exactamente fueron 9 horas para hacer el transito de un diseño a otro. Hice un blog de prueba y fui leyendo varios blogs de ayuda. Lo que mas me costo aunque parezca una tonteria es poner en los titulos de las entradas la fecha justo al lado...Lo que mas me anima es que existen blogs muy buenos, como el tuyo, y sabiendo aplicar todo lo bueno que enseñais, y teniendo tiempo(por suerte o desgracia ahora lo que me sobra es tiempo) pues se obtiene el resultado que viste
Lo del nuevo formulario de comentarios que por lo que he leido, tantos doleres de cabeza os ha producido, no se si lo pondre...quizas mas adelante
Una sonrisa y de gracias por tu ayuda ;-)
Hola gemita! Te escribo para darte las gracias por colocarme en tu rincón de amigos! Muchas Gracias! =) Salu2
Gracias a ti El Club de los Parados ;)
Juan Carlos te lo debía de hace muchoooo tiempo ;)
Muy bueno, como siempre y muy útil a la hora de generar botones con las formas, tamaños y colores deseador. De nuevo gracias Gem@..Un saludo...
www.elrastreador.com
Que bueno verte Emigasei67 estás perdido :O
MUITO BOM
¡Hola Gema!
Pq cuando añado un boton creado por "As Button Generator" me sale el boton dentro de un recuadro gris???
yz Formador Ocupacional hay que descartar que sólo se añade ese recuadro a los botones y no a todas las imágenes.
Busca en la plantilla:
/* images */
img {
background: #FAFAFA;
border: 1px solid #E4E4E4;
padding: 8px;
}
elimina lo que está en negrita y sin guardar cambios mira en vista previa, y el recuadro desaparece quiere decir que son los estilos que tienes para mostrar las imágenes eliminas lo señalado en negrita y listo.
Si no desaparece quiere decir que el fondo de los botones no es transparente y al tener color de fondo en tu blog muestra el fondo del botón.
Ok, efectivamente, el fondo de mis botones creados por "As Button Generator" no es transparente, por eso aparece un rectangulo en cada uno de ellos... ahora la pregunta es.. ¿Como hago para que sean transparentes y se quite el rectangulo de los mismo?
Te dejo mi pagina por si quieres ver como estan.
http://formadores-ocupacionales.blogspot.com/
Gracias Gema¡
yz Vi tu página Formador Ocupacional por eso me di cuenta que podía ser el fondo de los botones o el que añadiste a los estilos de las imágenes :D
¿Cómo eliminarlo? si sabes usar algún editor que añada fondo transparente (formato png)esa es la solución.
Si no sabes queda la opción de crear otros botones, mira esta entrada
http://gemablog-.blogspot.com/2007/09/gsites-botones.html
Te da la opción de fondo transparente :)
¿Añadir fondo transparante? puff, me rindo jajaja. Prefiero volver hacer los bototones con la pagina que me has dado.. Muchas Gracias.. otra vez ¡¡ jajaja.
Me estas salvando la vida¡¡ ;-)
yz No hay de qué Formador Ocupacional :D
POR FAVOR
¿COMO LE PODRIA HACER PARA COLOCAR EN MI BLOG LAS FLECHAS QUE SIRVEN PARA AVANZAR O RETROCEDER PAGINA?
GRACIAS
SALUDOS
LUIS TOVAR
:: EL DESPERTAR SAI en su blog hay un texto de navegación, para poner unas flechas hay que sustituir el texto de navegación por unas imágenes, en la siguiente entrada vemos como hacerlo %% Sustituir texto de navegación por iconos
Hola! muchas gracias de antemano por todas las aportaciones! el programa tiene muy buena pinta, pero tengo el mismo problema que una compañera de aca....me anda todo perfecto pero no me deja añadir texto, sale escrito algo en rojo que me dice que use los filtros o algo asi. Pero por mas que toquete e investigue y revise todo...no doy con la cuestion! y me esta desesperando! porque es uno de los pocos generadores online de botones decente! Si me podes explicar que es lo que puede ser que no me deje ingresar el texto te lo agradeceria de corazon!!!! feliz 2010 y gracias!
Ahhhh ya encontre el fallo, es que tarda muchisimo!!!! entonces se activo el texto luego de mucho rato con la pagina abierta! habra que tener pasiencia! muchas gracias Gema! un abrazo!
Gemita, tengo otro problemita...:( cuando escribo el texto y le doy a INSERT TEXT, siempre aparece EDIT ME en el boton y nunca el texto que escribo. Por mas que espere no se cambia nunca. Pasa tambien por lo lento que va el programa? un abrazo!
:: Cuando te dice INSERT TEXT en la vista previa del botón verás que sale un texto arrastralo hasta centrarlo y entonces tienes la opción para escribir el texto :)
Si, puedo arrastrar el texto EDIT ME, y en la ventana de edicion puedo escribir y modificar los colores, tamaño, todo, pero a la hora de insertar el texto que escribi: INICIO en el boton aparece EDIT ME, y no hay forma de que aparezca Inicio.
Perdon si soy pesada!!!! gracias nuevamente!
:: Para que tu texto se inserte dale al botón de "Apply" que hay junto a la barra de herramientas.
Gracias Gema!!!!! te lo agradezco mucho! ;)
:: Eso quiere decir que ha funcionado ¡bien! :)
Hola Gema, ante todo agradecerte la ayuda que nos proporcionas a todos con tu blog y decirte que aunque nunca anteriormente he comentado nada por aqui te sigo desde hace un par de años y consulto tu blog cuando me surgen dudas, pues bien, al grano, he hecho varios blogs y ahora estoy con otro nuevo, en éste último he pensado poner botones en lugar de usar el gadget de las etiquetas de blogger, para hacer los botones he utilizado la web de cooltext, ok? pués bien los botones que hago son los que cambian al pasar el mouse sobre ellos y una vez hechos, cooltext me proporciona el código, en el que supuestamente debo sustituir ciertas partes del codigo con las url de las imagenes de los botones, he buscado por mil sitios y no he encontrado el post que me lo explique bien (algo hago mal al modificar el codigo pues no me aparecen los botones en el blog). Y mi pregunta és: ¿sabes de algún post donde expliquen como poner uno de estos botones de cooltext en la barra lateral paso a paso? y en caso que no hubiese, cosa que dudo, me podrias explicar como pondrias tu un boton de cooltext (con un link a otra pagina evidentemente) explicando que partes del codigo se deben sustituir por las url. Gracias por anticipado y
espero haberme explicado bien.
Hola Manolo, no recuerdo que código es ese que proporciona Cooltext.
Deja uno de esos códigos añadido pásame la url que vea el ejemplo online :)
Nota: solo los miembros de este blog pueden publicar comentarios.